@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2*1px;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    background: url(../img/check-bg1.png)no-repeat;
    background-size: cover;
}

.webM {
    overflow: hidden;
    .logo {
        width: p(105);
        height: p(40);
        margin: p(45) 0 0 p(45);
        img {
            width: 100%;
        }
    }
    .toux {
        width: p(174);
        height: p(174);
        margin: 0 auto;
        margin-top: p(38);
        img {
            width: 100%;
        }
    }
    .btn {
        display: flex;
        width: p(332);
        justify-content: space-between;
        margin: 0 auto;
        margin-top: p(400);
        img {
            width: p(142);
            height: p(51);
        }
    }
    #guzhu {
        font-size: 0;
        height: 0;
        width: 0;
        overflow: hidden;
        position: absolute;
    }
    #guzhu:checked~.guzhu {
        width: 100%;
        background: rgba(0, 0, 0, .9);
    }
    .guzhu {
        width: 0;
        height: 100%;
        position: fixed;
        overflow: hidden;
        top: 0;
        background: black;
        div:nth-child(1) {
            width: p(180);
            height: p(175);
            margin: 0 auto;
            margin-top: p(350);
            img {
                width: 100%;
            }
        }
        div:nth-child(2) {
            width: p(444);
            height: p(42);
            margin: 0 auto;
            margin-top: p(36);
            img {
                width: 100%;
            }
        }
    }
}